<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>经典产品</title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="js/swiper.js"></script>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="header" id="dingdao">
			<div class="header-main">
				<a href="#" class="logo"><img src="img/logotext.png" width="350px" /></a>
				<div class="nav">
					<div class="nav-item">
						<a href="index.html" class="category hover">首页</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="gushi.html" class="category ">关于雨旧</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">品牌介绍</a>
								<a href="gushi.html">品牌故事</a>
								<a href="#">品牌理念</a>
								<a href="#">品牌工艺</a>
								<a href="#">荣誉历程</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="jdcp.html" class="category ">经典产品</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="#" class="category ">雨旧空间</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">餐饮</a>
								<a href="#">商业</a>
								<a href="#">办公</a>
								<a href="#">别墅</a>
								<a href="#">住宅</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="#" class="category ">雨旧资讯</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">家·雨旧</a>
								<a href="#">人文美学</a>
								<a href="#">雨旧活动</a>
								<a href="#">展会资讯</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
					
					<div class="nav-item">
						<a href="#" class="category ">联系雨旧</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
				</div>
				<div class="search">
				</div>
				<a href="javascript:void(0)" class="regis"></a>


			</div>
		</div>
		</div>
		
<div class="cpzspic">
	<img src="img/7.jpg">
	<div class="cpzstext">
	<h1>与谁同坐 茶室</h1>
<p>查看更多</p>
</div>
</div>
<div class="cpzspic">
	<img src="img/8.jpg">
	<div class="cpzstext">
	<h1>厚德客厅</h1>
<p>查看更多</p>
</div>
</div>
<div class="cpzspic">
	<img src="img/6.jpg">
	<div class="cpzstext">
	<h1>金玉·有明 鼓凳</h1>
<p>查看更多</p>
</div>
</div>
<div class="cpzspic">
	<img src="img/9.jpg">
	<div class="cpzstext">
	<h1>金玉·局 休闲椅</h1>
<p>查看更多</p>
</div>
</div>
<div class="cpzspic">
	<img src="img/10.jpg">
	<div class="cpzstext">
	<h1>素怀 • 慢生禅椅</h1>
<p>查看更多</p>
</div>
</div>
<div class="cpzspic">
	<img src="img/20190517144642_7392.jpg">
	<div class="cpzstext">
	<h1>心境禅椅</h1>
<p>查看更多</p>
</div>
</div>

<div class="bottom">
	<div class="bottomli">
		<div class="bottomtext">
	<h1>联系我们</h1>
	<p style="font-size: 26px;padding: 10px 0;">Contact us</p>
	<p>雨旧家私品牌运营中心</p>
	<p>地址：成都市温江区惠民路211号</p>
	<p>联系电话：15828215771</p>
	<p>邮箱：370980595@qq.com</p>
	<p>原创产品：产品均已申请实用新型专利</p>
	</div>
	<div class="bottompic">
		<img src="img/erweima.png" width="200px">
	</div>
</div>

<div id="ding">↑</div>
</div>
<div class="footer">
	<div class="footerlist">
		<a href="#">关于雨旧</a>
		<a href="#">经典产品</a>
		<a href="#">雨旧空间</a>
		<a href="#">雨旧资讯</a>
		<a href="#">联系雨旧</a>
	</div>
	<p>Copyright © 雨旧 </p>

</div>
<script>   
  $("#ding").click(function(){
  $('body,html').animate({scrollTop:0},1000);
  }); 
	$(function () { {
	$(window).scroll(function(){ 
	if ($(window).scrollTop()>100){ 
				$('#dingdao').css({
					position:'fixed',
				})
	} 
	else
	{ 
	$('#dingdao').css({
		position:'relative',
	})
	} 
	}) 
	}}); 
 
  </script>
	</body>
</html>
